.module-main {
  margin: auto;
  width: 1280px;
}

.module-main-2 {
  margin: auto;
  width: 1000px;
}

@media (max-width: 510px) {
  .module-main {
    margin: auto;
    width: 100%;
  }

  .module-main-2 {
    margin: auto;
    width: 100%;
  }

}

.flex-left {
  display: flex;
  justify-content: left;
  flex: 12;
}

.flex-define {
  display: flex;
}

.flex-space-around {
  display: flex;
  flex: 12;
  justify-content: space-around;
  flex-wrap: wrap;
}

.flex-space-between {
  display: flex;
  flex: 12;
  justify-content: space-between;
}

.flex-wrap-wrap {
  flex-wrap: wrap;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-start {
  align-self: flex-start;
}

.flex-direction-row {
  display: flex;
  flex: 12;
  justify-content: space-between;
  flex-direction: row;
}

/*垂直居中*/
.align-items-center {
  align-items: center;
}

/*水平居中*/
.justify-content-center {
  justify-content: center;
}

.flex-right {
  display: flex;
  justify-content: right;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-6 {
  flex: 6;
}

.flex-7 {
  flex: 7;
}

.flex-8 {
  flex: 8;
}

.flex-9 {
  flex: 9;
}

.flex-10 {
  flex: 10;
}

.flex-11 {
  flex: 11;
}

.flex-12 {
  flex: 12;
}

.page-content-width {
  width: 85rem;
  margin: auto;
}

@media (max-width: 510px) {
  .page-content-width {
    width: 100%;
    margin: auto;
  }
}
